<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>我的收藏</title>

		<link href="/home/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
		<link href="/home/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

		<link href="/home/css/personal.css" rel="stylesheet" type="text/css">
		<link href="/home/css/colstyle.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="/home/js/jquery-1.8.3.min.js"></script>
	</head>

	<body>
		<!--头 -->
		<header>
			<article>
				<div class="mt-logo">
					<!--顶部导航条 -->
					<div class="am-container header">
						<ul class="message-r">
				<div class="topMessage home">
					<div class="menu-hd"><a href="/" target="_top" class="h">商城首页</a></div>
				</div>
				<div class="topMessage my-shangcheng">
					<div class="menu-hd MyShangcheng"><a href="/person" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
				</div>
				<div class="topMessage mini-cart">
					<div class="menu-hd"><a id="mc-menu-hd" href="/cart" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h"></strong></a></div>
				</div>
				<div class="topMessage favorite">
					<div class="menu-hd"><a href="/person/collection" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
			</ul>
						</div>

						<!--悬浮搜索框-->

						<div class="nav white">
							<div class="logoBig">
								<li><img src="/home/images/logobig.png" /></li>
							</div>

							<div class="search-bar pr">
								<a name="index_none_header_sysc" href="#"></a>
								<form>
									<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
									<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
								</form>
							</div>
						</div>

						<div class="clear"></div>
					</div>
				</div>
			</article>
		</header>
            <div class="nav-table">
					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="#">首页</a></li>
                                <li class="qc"><a href="#">闪购</a></li>
                                <li class="qc"><a href="#">限时抢</a></li>
                                <li class="qc"><a href="#">团购</a></li>
                                <li class="qc last"><a href="#">大包装</a></li>
							</ul>
						    <div class="nav-extra">
						    	<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
						    	<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
						    </div>
						</div>
			</div>
			<b class="line"></b>
		<div class="center">
			<div class="col-main">
				<div class="main-wrap">

					<div class="user-collection">
						<!--标题 -->
						<div class="am-cf am-padding">
							<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">我的收藏</strong> / <small>My&nbsp;Collection</small></div>
						</div>
						<hr/>

						<div class="you-like">
							<div class="s-bar">
								我的收藏
								<a class="am-badge am-badge-danger am-round">降价</a>
								<a class="am-badge am-badge-danger am-round">下架</a>
							</div>
							<div class="s-content">
								@foreach($colls as $v)	
									<div class="s-item-wrap">
										<div class="s-item">

											<div class="s-pic">
												<a href="/details/{{$v['id']}}" class="s-pic-link">
													<img src="{{$v['cover']}}" alt="{!!$v['content']!!}"  class="s-pic-img s-guess-item-img">
												</a>
											</div>
											<div class="s-price-box">
												<span class="s-price"><em class="s-price-sign">¥</em><em class="s-value">{{$v['price']}}</em></span>
											</div>
											<div class="s-title">
											<a href="/details/{{$v['id']}}" title={!!$v['content']!!}>{!!$v['content']!!}</a>
											</div>
											<div class="s-extra-box">
												<span class="s-comment">好评: 99.74%</span>
												<span class="s-sales">月销: 69</span>
											</div>
											<div class="s-tp">
											<span class="ui-btn-loading-before"><a href="javascript:;" class="c-nodo J_delFav_btn" value="{{$v['id']}}">取消收藏</a></span>
											<i class="am-icon-shopping-cart"></i>
											<span class="ui-btn-loading-before buy" id="join_cart" value="{{$v['id']}}">加入购物车</span>
										</div>
										</div>
									</div>	
								@endforeach									
							</div>
							<script type="text/javascript">
								var num = 5;
								$('#more').click(function(){
									$.get('/person/moreAjax',{'uid':{{$user['id']}},'num':num},function(data){
										num = num + 5;
										for(var i=0;i<=data.length;i++){
											var div = $('.s-item-wrap').eq(0).clone(true);
										 	div.find('.s-item').find('.s-pic').find('a').attr('href','/details/'+data[i].id);
										 	div.find('.s-item').find('.s-pic').find('a').find('img').attr('src',data[i].cover);
										 	div.find('.s-item').find('.s-pic').find('a').find('img').attr('alt',data[i].content);
										 	div.find('.s-item').find('.s-pic').find('a').find('img').attr('title',data[i].content);
										 	div.find('.s-item').find('.s-price-box').find('.s-price').find('.s-value').html(data[i].price);
										 	div.find('.s-item').find('.s-title').find('a').attr('href','/details/'+data[i].id);
										 	div.find('.s-item').find('.s-title').find('a').attr('title',data[i].content);
										 	div.find('.s-item').find('.s-title').find('a').html(data[i].content);
										 	$('.s-content').append(div);

										}
									},'json');
								});

								$('.J_delFav_btn').click(function(){
									var id = $(this).attr('value');
									var div = $(this).parents('.s-item-wrap');
									$.get('/person/cancel',{'id':id},function(data){
										div.remove();
									});
								});

								$('#join_cart').click(function(){
									var id = $(this).attr('value');
									$.get('/person/cart/'+id,{},function(data){
										alert('已加入购物车');
									},'json');
								});
							</script>
							<div class="s-more-btn i-load-more-item" data-screen="0" id="more"><i class="am-icon-refresh am-icon-fw"></i>更多</div>
						</div>

					</div>

				</div>
				<!--底部-->
				<div class="footer">
					<div class="footer-hd">
						<p>
							<a href="#">恒望科技</a>
							<b>|</b>
							<a href="#">商城首页</a>
							<b>|</b>
							<a href="#">支付宝</a>
							<b>|</b>
							<a href="#">物流</a>
						</p>
					</div>
					<div class="footer-bd">
						<p>
							<a href="#">关于恒望</a>
							<a href="#">合作伙伴</a>
							<a href="#">联系我们</a>
							<a href="#">网站地图</a>
							<em>© 2015-2025 Hengwang.com 版权所有</em>
						</p>
					</div>
				</div>
			</div>

			<aside class="menu">
				<ul>
					<li class="person active">
						<a href="/person">个人中心</a>
					</li>
					<li class="person">
						<a href="/person">个人资料</a>
						<ul>
							<li> <a href="/person/info">个人信息</a></li>
							<li> <a href="/person/safe">安全设置</a></li>
							<li> <a href="/person/address">收货地址</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="#">我的交易</a>
						<ul>
							<li><a href="/person/order">订单管理</a></li>
							<li> <a href="/person/change">退款售后</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="#">我的资产</a>
						<ul>
							<li> <a href="/person/coupon">优惠券 </a></li>
							<li> <a href="/person/bonus">红包</a></li>
							<li> <a href="/person/bill">账单明细</a></li>
						</ul>
					</li>

					<li class="person">
						<a href="#">我的小窝</a>
						<ul>
							<li> <a href="/person/collection">收藏</a></li>
							<li> <a href="/person/foot">足迹</a></li>
							<li> <a href="/person/comment">评价</a></li>
							<li> <a href="/person/news">消息</a></li>
						</ul>
					</li>

				</ul>

			</aside>
		</div>

	</body>

</html>